<template>
    <div>
        <div class="bannerTwo">
            <img src="../images/nybanner2.jpg" />
            <div class="bannerIntroduce container">
                <h3>资讯中心</h3>
                <h5>建千秋基业，安万间广厦！</h5>
            </div>
        </div>

        <div class="tTh">
            <div class="container">
                <ul class="clearfix">
                    <li>
                        <a href="" class="current">公司新闻1</a>
                    </li>
                    <li>
                        <a href="">公司新闻2</a>
                    </li>
                </ul>
            </div>
        </div>

        <article1 v-if="category == 1"></article1>
        <article2 v-if="category == 2"></article2>
        <article3 v-if="category == 3"></article3>
        <article4 v-if="category == 4"></article4>
        <article5 v-if="category == 5"></article5>
        <grid1 v-if="category == 6"></grid1>
        <grid2 v-if="category == 7"></grid2>
        <grid3 v-if="category == 8"></grid3>
        <singlepage v-if="category == 9"></singlepage>
    </div>
</template>

<script>
    import article1 from "../components/list/article1";
    import article2 from "../components/list/article2";
    import article3 from "../components/list/article3";
    import article4 from "../components/list/article4";
    import article5 from "../components/list/article5";
    import grid1 from "../components/list/grid1";
    import grid2 from "../components/list/grid2";
    import grid3 from "../components/list/grid3";
    import singlepage from "../components/list/singlepage";
    export default {
        name: "list",
        components: {
            article1, article2, article3, article4, article5,
            grid1, grid2, grid3, singlepage
        },
        data() {
            return{
                category: 9,
                listData: []
            }
        }
    }
</script>

<style scoped>

</style>